<template>
	<view class="skill-page">
		<wd-tabs v-model="tab">
		  <wd-tab title="Vue3">
		    <view class="content"><vue3/></view>
		  </wd-tab>
		  <wd-tab title="uni-app">
		    <view class="content"><uniApp/></view>
		  </wd-tab>
		  <wd-tab title="node">
		    <view class="content"><node/></view>
		  </wd-tab>
		</wd-tabs>
	</view>
</template>

<script setup lang="ts">
	import { ref } from 'vue';
	import vue3 from './vue3.vue';
	import uniApp from './uniApp.vue';
	import node from './node.vue';
	const tab = ref(0)
</script>

<style lang="scss" scoped>
	.skill-page {
		padding-top: var(--status-bar-height);
	}
</style>
